<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/css/sapar.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/common.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/bootstrap.min.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/sapar.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/WdatePicker.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/rollpage.js"></script>
<title>店铺明细</title>
</head>
<body>
	<div id="saper-container">
		<div id="saper-hd"></div>
		<div id="saper-bd">
			<div class="subfiled clearfix">
				<h2>店铺明细</h2>
			</div>
			<div class="subfiled-content">
				<div class="tab-container" data-trigger="click">
					<div class="tab">
						<!--<a href="javascript:;" class="current">审核中</a>
							<a href="javascript:;">审核通过</a>
							<a href="javascript:;">审核未通过</a>
							<a href="javascript:;">已取消</a>
							<a href="javascript:;">全部</a>-->
					</div>
					<div class="tab-content">
						<div class="tab-content-item">
							<form name="f1" id="f1"
								action="${pageContext.request.contextPath }/getStoreList.do?sname=base"
								method="post">
								<div class="search-box clearfix">
									<div class="kv-item-content">
										<a href="#mymodal2" data-toggle="modal"
											class="btn btn-primary">新增店铺</a>
									</div>
									<div class="kv-item clearfix">
										<label>店铺名称：</label>
										<div class="kv-item-content">
											<input type="text" placeholder="店铺名称" name="store_name" /> <input
												type="submit" value="查询" />
										</div>
									</div>
								</div>
							</form>

							<!--表格开始-->
							<div class="table">
								<!--表格具体内容-->
								<div class="table-box">
									<table>
										<thead>
											<tr>
												<th width="20px" height="20px"><input type="checkbox"
													onchange="allCheck" /></th>
												<th>序号</th>
												<th>店铺编号</th>
												<th>店铺名称</th>
												<th>店铺电话</th>
												<th>店铺地址</th>
												<th>所属公司</th>
												<th>店铺状态</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<c:forEach items="${storeList}" var="lists" varStatus="sta">
												<tr
													${sta.index%2!=0?'style="background-color: #EFF6FA;"':''}>
													<td width="20px" height="20px"><input type="checkbox"
														name="idbox" id="idbox" value="${lists.store_id}" /></td>
													<td>${sta.index+1}</td>
													<td>${lists.store_id}</td>
													<td>${lists.store_name}</td>
													<td>${lists.store_telephone}</td>
													<td>${lists.store_address}</td>
													<td><c:if test="${lists.company_id eq 1}">深圳好易修</c:if>
														<c:if test="${lists.company_id eq 2}">深圳展望兴</c:if></td>
													<td><c:if test="${lists.store_status eq 0}">启用</c:if>
														<c:if test="${lists.store_status eq 1}">禁用</c:if></td>
													<td><a
														href="${pageContext.request.contextPath }/getStoreId.do?store_id=${lists.store_id}">修改</a>
														<a
														href="${pageContext.request.contextPath }/deleteStore.do?store_id=${lists.store_id}">删除</a></td>
												</tr>
											</c:forEach>
											<tr>
												<td colspan="9">
													<div align="right">
														<span>共${pages.totalCount }条记录${pages.currentPageNo}/${pages.totalPageCount }页</span>
														<c:if test="${pages.currentPageNo > 1}">
															<a href="javascript:page_nav(document.forms[0],1);">首页</a>
															<a
																href="javascript:page_nav(document.forms[0],${pages.currentPageNo-1});">上一页</a>
														</c:if>
														<c:if
															test="${pages.currentPageNo < pages.totalPageCount }">
															<a
																href="javascript:page_nav(document.forms[0],${pages.currentPageNo+1 });">下一页</a>
															<a
																href="javascript:page_nav(document.forms[0],${pages.totalPageCount });">最后一页</a>
														</c:if>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="saper-ft"></div>
		</div>

		<!--弹出的模态框-->
		<div id="mymodal2" class="modal fade">
			<!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
			<div class="modal-dialog modal-lg">
				<!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
				<div class="modal-content">
					<form action="${pageContext.request.contextPath }/addStore.do"
						method="post" enctype="multipart/form-data">
						<!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
						<div class="modal-header">
							<button class="close" data-dismiss="modal">&times;</button>
							<center>
								<h3 class="modal-title">新增店铺明细信息</h3>
							</center>
						</div>
						<div class="media-body">
							<div class="addjiejidan">
								<center>
									<table bordercolor="lightgray" border="2">
										<tr align="right">
											<td>店铺名称</td>
											<td><input type="text" class="form-control"
												name="store_name" /></td>
										</tr>
										<tr align="right">
											<td>店铺电话</td>
											<td><input type="text" class="form-control"
												name="store_telephone" /></td>
											<td>所属公司</td>
											<td><select class="form-control" name="company_id">
													<option value="-1">请选择</option>
													<option value="1">深圳好易修</option>
													<option value="2">深圳展望兴</option>
											</select></td>
											<td>店铺状态</td>
											<td><select class="form-control" name="store_status">
													<option value="-1">请选择</option>
													<option value="1">启用</option>
													<option value="2">禁用</option>
											</select></td>
										</tr>
										<tr>
											<td>店铺地址</td>
											<td><input type="text" class="form-control"
												name="store_address" /></td>
										</tr>
									</table>
								</center>
							</div>
						</div>
						<div class="modal-footer">
							<button class="btn btn-default" data-dismiss="modal">关闭</button>
							<input type="submit" value="新增" />
						</div>
					</form>
				</div>
			</div>

		</div>
		<script type="text/javascript"
			src='${pageContext.request.contextPath }/statics/js/jquery-1.12.4.js'></script>
		<script type="text/javascript"
			src='${pageContext.request.contextPath }/statics/js/bootstrap.js'></script>
		<script type="text/javascript">
			$('select').iSelect();
		</script>
</body>
</html>